#banner{overflow:hidden; width:100%; height: auto; margin-left: auto; margin-right: auto;  overflow: hidden;}
#banner img{border: none; width: 100%;}
#bannerabout { width: 100%; position:relative; text-align: center; margin:0; padding: 0; overflow: hidden; background-color: #fff; border: none;}
#bannerabout h2{position:absolute;z-index:999;top:140px;left:calc(70%);font-size:48px;}
#bannerabout img{ border: none;}
    /*产品中心*/
.dtd{color:#073b67; font-size:24px; text-align:center; background:url(../images/dtd_em1.png) no-repeat center bottom; line-height:69px; padding:26px 0 0 0; margin-bottom:26px;}
.dtd em{font-style:normal; font-size:24px; color:#d60000;}
.bd_mnt{text-align:center; margin-bottom:31px;}
.bd_hbt{display: inline-block; width:165px; line-height:36px; height:36px; border:1px solid #073b67; color:#fff; font-size:14px; margin:0 7px; background-color:#073b67; border-radius:30px;}
#demo1 { width:100%; margin:0 auto; position:relative; overflow:hidden;  }
#demo1 li { float:left;  position:relative; border:1px solid #ddd; margin-bottom:20px; }
.item_p{padding:0px;}
#demo1 li img{}
.bd li figure{ }
#demo1 li figcaption { overflow:hidden; display:block; height:40px; line-height:40px; text-align:center; font-size:0.875em; border-bottom:solid 0px #ddd; background:#ddd; color:#252626;}
#demo1 li:hover {border:1px solid #073b67;}
#demo1 li:hover figcaption{background:#073b67; color:#fff;}
#nofirst1, #nofirst2, #nofirst3, #nofirst5, #nofirst6, #nofirst7, #nofirst9, #nofirst10, #nofirst11{ margin-right:10px;}
#nofirst4, #nofirst8, #nofirst12{ margin-right:0;}
/*我们的服务*/
#maingb{ background-color:#ecf1f5; text-align:center; height:700px; margin-top:20px;}
.dtd_b{padding-top:10px; margin-bottom:20px;}
.dtd_txt{text-align:center; color:#4d4d4d; font-size:16px; margin-bottom:64px;}
.dtd_th{width:230px; padding-left:130px; font-size:14px; color:#767676; display: inline-block; text-align:left; line-height:23px;}
.dtd_th span{font-size:16px; line-height:32px;}
.dtd_t01,.dtd_t02,.dtd_t03{ margin-top:10px; clear: both; height:180px; background-color: #fff; }
.dtd_t01 .dtdboxl,.dtd_t02 .dtdboxl,.dtd_t03 .dtdboxl,.dtd_t01 .dtdboxr,.dtd_t02 .dtdboxr,.dtd_t03 .dtdboxr{float: left; width:50%; overflow: hidden;}
.dtd_t01 .dtdboxr,.dtd_t02 .dtdboxl,.dtd_t03 .dtdboxr{ font-size: 16px; line-height: 25px; text-align: left;}
.dtd_t01 .dtdboxr p,.dtd_t02 .dtdboxl p,.dtd_t03 .dtdboxr p {padding-left: 35px; line-height: 30px;}
.dtd_t01 .dtdboxr span,.dtd_t02 .dtdboxl span,.dtd_t03 .dtdboxr span{font-size: 24px; color:#004277; padding-top:30px; width: 100%; display: block;padding-left:35px; margin-bottom: 15px;}
/*应用领域*/
.gc_l{ width:25%; float:left; text-align: center; margin-bottom:40px; }
.gc_l span{ line-height: 35px; text-align: center; width:95%; height: 35px;background-color: #e5e5e5; display:block; margin-left: auto; margin-right: auto;}
/*关于我们*/
#maing{background:url(../images/maing_bg.jpg) no-repeat center top; padding:53px 0 62px 0; border-top:0px solid #e5e5e5; }
.m_about_w{background:url(../images/about_img.jpg) no-repeat left top; height:280px;}
.m_about_n{width:693px; padding:0; margin:0 25px 0 0; line-height:28px; color:#fff; font-size:14px; float:right; text-transform:uppercase;}
.m_about_n span{font-size:18px; line-height:42px;}
.m_about_hb{color:#00bfe3; font-size:24px; margin-bottom:15px; margin-top:-2px;}
.m_about_hb em{font-style:normal; font-size:12px; color:#818181;}
.about_more{margin:10px 0 0px; width:62px; height:28px; line-height:28px; text-align:left; color:#fff; border:0px solid #144c90; font-size:12px; background:url(../images/more_about_img.png) no-repeat right center;}

/*新闻*/
.m_news{background:url(../images/news_bg.jpg) no-repeat center top #003f74; margin:30px 0 0px 0; padding-bottom:45px;} 
.dtd_bj{color:#fff; background: url(../images/dtd_em2.png) no-repeat center bottom; padding-top:6px;}
.item_n{background-color:#fff; padding:33px 29px;}
.item_nt{float:left; width:543px; }
.erd1, .erd2{margin-bottom:43px;}
.erd1, .erd3{margin-right:50px;}
.item_nt img{float:left;}
.list_n{padding-left:26px; height:81px; overflow: hidden; margin-bottom:0px;}
.list_n .h4{font-size:14px; font-weight:bold; color:#222; margin-top:-3px;}
.list_n .h4 a{color:#222;}
.list_n p{font-size:14px; color:#606060; line-height:22px;}
.h4:hover a{color:#0472a0;}

/*2.0*/
/*关于我们*/
.m_pro_list{width:100%; height:690px; padding:0; background:url(../images/index—man1.jpg) no-repeat center top 478px #fff; color:#000;}
.m_pro_man{ width:550px; padding:36px 60px 60px; margin:-40px auto 0; float:left; -moz-box-shadow:0px 20px 50px #e8e8e8; -webkit-box-shadow:0px 20px 50px #e8e8e8; box-shadow:0px 20px 50px #e8e8e8; background-color:#fff; position: relative;}
.m_pro_ht{ font-size:20px; line-height:50px; text-transform:uppercase; }
.m_pro_man p{font-size:15px; line-height:26px;}
.m_pro_man img{ margin-top:24px;}
/*视频*/
.sh_video{float:right; width:560px; height:380px; margin-top:82px;}
/*新产品*/
.new_pro_list{background: url(../images/index—man2.jpg) no-repeat center bottom / 1468px 113px,url(../images/NEW_P.jpg) no-repeat right top / 1912px 363px; padding-top:23px; height:653px; margin-bottom: 10px;}
.new_pro_ht{font-size:30px; color:#000; text-align:center; line-height:65px;}
.new_pro_hrt{font-size:14px; color:#000; text-align:center; width:163px; margin:0 auto 40px; height:34px; line-height:34px; border:1px solid #000;}
.new_pro_hg {padding:0px 0px 0px 0; width:1187px; padding:0 21px; height:476px; margin-right: auto; margin-left: auto; background-color:#fff;}
.new_pro_hg .p2 {float:left; width:46%; margin:60px 2% 0px;overflow: hidden; display: block;}
.new_pro_hg .p2 span img{ width: 100%;}
.new_pro_hg .showcolorbox{ width:56%;list-style-type:none; margin-right: auto; margin-left: auto; margin-top: 31px;}
.new_pro_hg .p2 .ptitle {width: 100%; height:40px; line-height:40px; text-align:center; font-size:0.875em; float: left; font-size: 18px; margin-top:19px; }
.showcolorbox .color_tag{ float: left; width:88%; margin-bottom: 16px;text-align:center;}
.showcolorbox .share_tag{ float:left; width:26px;height: 26px; background: url(../images/white_tag.jpg) no-repeat center left; margin-left: 10px;}
.showcolorbox .share_tag2{ float:left; width:26px;height: 26px; background: url(../images/red_tag.jpg) no-repeat center left; margin-left: 10px;}

.showsharpbox{ width:60%;list-style-type:none; margin-left: auto; margin-right:auto; font-size: 18px;}
.showsharpbox .onesharp, .showsharpbox .towsharp, .showsharpbox .shrsharp , .showsharpbox .foursharp{ width:20%;list-style-type:none;float: left;font-size:16px;}
.showsharpbox li:nth-child(4){ padding-left: 40px;}
.showsharpbox .onesharp{background: url(../images/shape01.jpg) no-repeat center left; padding-left: 30px;}
.showsharpbox .towsharp{background: url(../images/shape02.jpg) no-repeat center left; padding-left: 30px;}
.showsharpbox .shrsharp{background: url(../images/shape03.jpg) no-repeat center left; padding-left: 30px;}
.showsharpbox .foursharp{background: url(../images/shape04.jpg) no-repeat center left; padding-left:40px;}
.new_pro_hg6{padding:0 15px; background-color:#fff; position: relative; -moz-box-shadow: 0px 20px 50px #e8e8e8;-webkit-box-shadow: 0px 20px 50px #e8e8e8; box-shadow: 0px 20px 50px #e8e8e8;}
.p2_s{ width:544px; float:left; margin:0 28px;}
.p2_s img{width:100%;}
.new_pro_hg6 .ptitle{width: 100%; height:40px; line-height:40px; text-align:center; font-size:0.875em; float: left; font-size: 18px; margin-top: 10px; margin-bottom: 10px;}

/*产品滚动*/
.warp-pic-list{position:relative;width:100%;height:432px; padding:0px 0 0 0;}
.count li{margin-right:20px;width:176px;height:228px;}
.count .img_wrap{width:176px;height:135px;}
.count li .text-area{padding:10px 0 10px 15px;}
.count li .text-area  p{line-height:24px;height:24px;}
.count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.count .p-num{font-family:"Tahoma";font-weight:bold;}
.btn{display:block;height:40px;position:absolute;top:226px;width:40px;z-index:200;cursor:pointer;}
.prev_s{background: url(../images/iprev_bg.jpg) no-repeat center center #cc2322; left:-75px;}
.prev:hover{}
.next_s{background: url(../images/inext_bg.jpg) no-repeat center center #cc2322; right:-75px;}
.next:hover{}
#count1 li{ width:544px; height:432px; float:left; margin:0 28px;}
#count1 li span img, #count2 li span img{width:100%;}
#count2 li{ width:285px; height:405px; float:left; margin:0 30px 0 0;}.
.warp-pic_wap{display:none;}
.warp-pic_wap li{ width:48%; margin:0 1% 10px; float:left;}
.warp-pic_wap li img{width:100%;}
@media screen and (max-width:1199px){
.bd{width:77%;}
.m_about_img{width:44.56%;}
.m_about_img img{width:100%;}
.m_about_txt{width:53.44%;}
.s_tnmt_t{width:43%;}
}
@media screen and (max-width:1152px){
}
@media screen and (max-width:1099px){  
.wrapper {margin:0 auto; width: 100%;}
#nav ul li.menu a { padding:0; text-align:center; }
}
@media screen and (max-width:1024px){  
#banner {min-height:0;}
.hidden-mm, .hidden-mmd{ display:none; }
#demo1{ width:100%;}
.m_pro_list{width:100%;}
.m_pro_list .bd li {width:23%;}
.nofirst{ margin-right:1.6%;}
.kb{ padding-top:8px;}
.dhb{width:86%;}
.zx_rin{margin-right:1%;}
}
@media screen and (max-width:900px){

.bd{width:100%;}
}
@media screen and (max-width:768px){
.wrapper { width:100%; margin:0 auto;}

#banner { border-top:0;}
#category { width:98%; margin:0 auto; padding:1%; }
#category .item { width:48%; float:left; position:relative; overflow:hidden; margin:1%; }
#m_about_wrap { padding:20px 0; background:none; height:300px;}
.m_about_list { width:96%; float:none; margin:0 auto; display:block; }
.m_join_wrap { width:420px; float:none; margin:20px auto 0 2%; display:block; }
.hidden-sm, .hidden-smd{ display:none; }

#demo1{ }
.m_pro_list{ width:99%; }
.m_pro_list .bd li { width:23%; }
.nofirst{ margin-right:10px;}
.m_about{height:200px;}
.m_about_bd{padding:34px 0 0 8px;}
.kb{display:none;}
.hbt{padding:0 5px;}
}
@media screen and (max-width:748px){
#other{float:none;}
.chname{width:70%; height: 31px;}
.btn{width:25%;}
.m_about_img, .m_about_txt,{width:98%; margin:auto; float:none;}
.m_about_ht{margin-top:21px;}
}
@media screen and (max-width:667px){
.xwkb{display:block;}
.dhb{width:98%;}
.hidden-xm6 { display:none;}
.m_item{width:49%;}
}
@media screen and (max-width:640px){
.wrapper { width:100%; height: auto; margin:0 auto; }
#bannerabout { width: 100%; text-align: center; margin:0; padding: 0; height: auto; overflow: hidden; border: none; background-color: #fff;}
    #bannerabout img{ border: none;}
.friendlink_hb{text-indent:45px; position:relative; margin-bottom:16px;}
.m_news_bd .list { width:100%; float:none; display: block; }
.hidden-xm, .bd_mnt{ display:none; }
.xwkb{ display:none; }
.mf_tl1, .mf_tl10, .mf_tx{margin-left:8%;}
.imgt_h{width:96%; padding: 16px 2% 0;}
.m_about_n{width:94%; margin:0; padding:21px 3% 0;}
.m_about_w{background:none; height:auto;}
#demo1{width:98%; margin:auto;}
#main{background:  none;}
.friendlink_hb{background:#144c90; width:34%; float:none; text-indent:2%;}
#demo1 li{width:48%; }
#demo1 li:hover {}
.item_p{padding:0;}
#nofirst1, #nofirst3, #nofirst5, #nofirst7, #nofirst9, #nofirst11, #nofirst13, #nofirst15{ margin-right:2%;}
#nofirst2, #nofirst4, #nofirst6, #nofirst8, #nofirst10, #nofirst12, #nofirst14{margin-right: 0;}
.info-mask{width:100%; height:auto; background:none;}
.dtd{padding-top:0;}
.m_news{padding-bottom:25px;}
.item_n{width:90%; margin:auto; padding:20px 2% 0;}
.item_nt{width:100%; float:none;}
.erd1, .erd3{margin-right:0;}
.erd1, .erd2, .erd3, .erd4{margin-bottom:20px;}
.list_n{padding-left:2%; }
.list_n .h4{font-size:15px;}
.m_pro_list{width:100%; height:auto;}
.wrapper_wn{width:100%; margin:auto;}
.m_pro_man{margin:0px auto 0; float:none; padding:0 2%; width:96%;}
.m_pro_man img{width:100%;}
.new_pro_list {background:#f7f8fa;}
.warp-pic_wap{display: block;}
}
@media screen and (max-width:480px){
#header .logo_t{margin-left:1%;}
.friendlink_foot{padding-top:10px;}
.cpz_more{margin:20px auto 15px; }
.m_about_ht{font-size:24px; color:#2a2a2a; margin-bottom:14px; }

#category { width:98%; margin:0 auto; padding:1%; }
#category .item { width:98%; float:left; position:relative; overflow:hidden; margin:1%; }
#m_about_wrap { padding:0; height:380px;}
.m_about{height:280px;}
.m_about_bd{padding:3px 0 0 8px;}
.m_about_list { width:96%; float:none; margin:0 auto; display:block; }
.m_join_wrap { width:96%; float:none; margin:20px auto 0; display:block; }
.m_about_txt{margin-bottom:20px;}
.m_item { width:95.8%; float:none; margin:0 auto; }
#footer { padding:0; }
.hidden-xs { display:none; }

#demo1{ width:95%; margin:auto; padding:0%;}
.m_pro_list .bd li { width:45.5%; margin-left:2%;}
#footer .comp_x{ width:100%;}
.hidden-smd, .hidden-mmd{ display: inline; }
.dhb{display:none;}
.list{width:98%;}
.time{display:none;}
.imgt_hb{margin-bottom:18px;}
.item{margin-bottom:15px;}
.imgt_h{background: url(../images/news_bg.jpg) no-repeat left top #154b91;}
#main{margin-top:20px;}
}
@media screen and (max-width:359px){
.logo_t{ display:none; }
}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}